<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Ajax-实现异步请求</title>
    <!-- 导入 JQ 库文件 -->
    <script src="js/jquery-3.7.1.js"></script>
</head>
<body>
    <h1>Ajax-实现异步请求-向服务器发送数据</h1>
    <button id="btn1">方法一</button>
    <button id="btn2">方法二</button>
    <p>响应结果：<span id="jg"></span></p>

    <script>
        $("#btn1").click(function(){
            $.ajax("send.do",{
                //方式一：参数名1=值&参数名2=值&..$参数名N=值
                type:'post',
                data:"name=zs&age=18",
                success:function(data){
                    $("#jg").text(data);
                }
            })
        });
        $("#btn2").click(function(){
            $.ajax("send.do",{
                /**方式二：{
                 *     参数名1=值,
                 *     参数名2=值,
                 *     参数名N=值
                 * }
                 */
                type:'post',
                data:{
                    name:'zdc',
                    age:20
                },
                success:function(data){
                    $("#jg").text(data);
                }
            })
        });
    </script>
</body>
</html>